<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>会员信息</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
   <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
   <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
   <style>
     body{
      background-color:lightblue;
     }
   </style>
  
</head>
<body>
<br/>
<br/>
<br/>
<br/>   
<form class="form-horizontal" role="form" action="adduser.php" method="post">
    <div class="form-group  has-success">
        <label class="col-sm-2 col-md-2 col-xs-2"></label>
      <label class="col-sm-2 col-md-2 col-xs-2 control-label" >用户名:</label>
      <div class="col-sm-4 col-md-4 col-xs-4">
        <input class="form-control" id="focusedInput" type="text" placeholder="请输入用户名" name="username">
      </div>
      <label class="col-sm-3 col-md-3 col-xs-3"></label>
    </div>
    <div class="form-group  has-success">
        <label class="col-sm-2 col-md-2 col-xs-2"></label>
        <label class="col-sm-2 col-md-2 col-xs-2 control-label">密码:</label>
        <div class="col-sm-4 col-md-4 col-xs-4">
          <input class="form-control" id="focusedInput" type="text" placeholder="请输入密码" name="password">
        </div>
        <label class="col-sm-3 col-md-3 col-xs-3"></label>
      </div>
      <div class="form-group  has-success">
        <label class="col-sm-2 col-md-2 col-xs-2"></label>
        <label class="col-sm-2 col-md-2 col-xs-2 control-label">eamil:</label>
        <div class="col-sm-4 col-md-4 col-xs-4">
          <input class="form-control" id="focusedInput" type="text" placeholder="请输入电子邮件" name="email">
        </div>
        <label class="col-sm-3 col-md-3 col-xs-3"></label>
      </div>
      <!-- <div class="form-group  has-success">
        <label class="col-sm-2 col-md-2 col-xs-2"></label>
        <label class="col-sm-2 col-md-2 col-xs-2 control-label">性别：</label>
        <div class="col-sm-4 col-md-4 col-xs-4">
          <input class="form-control" id="focusedInput" type="text" placeholder="请输入性别" name="sex">
        </div>
        <label class="col-sm-3 col-md-3 col-xs-3"></label>
      </div> -->
      <div class="form-group  has-success">
        <label class="col-sm-2 col-md-2 col-xs-2"></label>
        <label class="col-sm-2 col-md-2 col-xs-2 control-label">QQ：</label>
        <div class="col-sm-4 col-md-4 col-xs-4">
          <input class="form-control" id="focusedInput" type="text" placeholder="请输入QQ" name="qq">
        </div>
        <label class="col-sm-3 col-md-3 col-xs-3"></label>
      </div>
      <div class="form-group  has-success">
        <label class="col-sm-2 col-md-2 col-xs-2"></label>
        <label class="col-sm-2 col-md-2 col-xs-2 control-label">电话：</label>
        <div class="col-sm-4 col-md-4 col-xs-4">
          <input class="form-control" id="focusedInput" type="text" placeholder="请输入电话" name="phone">
        </div>
        <label class="col-sm-3 col-md-3 col-xs-3"></label>
      </div>
      <div class="form-group  has-success">
        <label class="col-sm-2 col-md-2 col-xs-2"></label>
        <label class="col-sm-2 col-md-2 col-xs-2 control-label">地址：</label>
        <div class="col-sm-4 col-md-4 col-xs-4">
          <input class="form-control" id="focusedInput" type="text" placeholder="请输入地址" name="address">
        </div>
        <label class="col-sm-3 col-md-3 col-xs-3"></label>
      </div>
      <div class="form-group  has-success">
        <label class="col-sm-4 col-md-4 col-xs-4"></label>
        <label class="col-sm-3 col-md-2 col-xs-3 control-label">操作:</label>
        <div class="col-sm-5 col-md-5 col-xs-5">
            <input type="submit" value="提交" onclick="test()" style="background:lightsalmon;">
            <input type="reset" value="重置"  style="background:lightsalmon;">
            <input type="button" value="上一步" style="background:lightsalmon;" onclick="grop()">
            <input type="button" value="退出" style="background:lightsalmon;" onclick="next()">
            
        </div>
      </div>
      
  </form>

  
    
    <!-- <h4>用户信息写完整过后才可以提交成功哦,否则页面将自动刷新</h4> -->
<!-- <form action="adduser.php" method="post">
    <label>用户名：</label><input type="text" name="username">
    <label>密码：</label><input type="text" name="password">
    <label>eamil：</label><input type="text" name="email">
    <label>性别：</label><input type="text" name="sex">
    <label>QQ：</label><input type="text" name="qq">
    <label>电话：</label><input type="text" name="phone">
    <label>地址：</label><input type="text" name="address">
    <input type="submit" value="提交" onclick="test()">
</form> -->
</body>
</html>
<script>
 function test(){
     alert('用户信息写完整过后才可以提交成功哦,否则页面将自动刷新')
 }
 function next(){
    window.location.href="jdms.html";
 }
 function grop(){
    window.location.href="allusers.php";
 }
 
 
</script>